import Vue from "vue"
import Button from "./Button.vue"
import ButtonGroup from "./ButtonGroup"
import Input from "./Input"
import Row from "./Row"
import Col from "./Col"
import Layout from "./Layout"
import Header from "./Header"
import Content from "./Content"
import Sider from "./Sider"
import Footer from "./Footer"
import Plugin from './plugin.js'
Vue.use(Plugin)
import Tabs from "./Tabs"
import TabsNav from "./Tabs-nav"
import TabsItem from "./Tabs-item"
import TabsContent from "./Tabs-content"
import TabsPane from "./Tabs-pane"
import Icon from "./Icon"
import Popover from "./Popover"
import CollapseItem from "./CollapseItem"
import Collapse from "./Collapse"


Vue.component('g-icon',Icon)
Vue.component('g-button', Button)
Vue.component('g-button-group', ButtonGroup)
Vue.component('g-input', Input)
Vue.component('g-row', Row)
Vue.component('g-clo', Col)
Vue.component('g-layout', Layout)
Vue.component('g-header', Header)
Vue.component('g-content', Content)
Vue.component('g-sider', Sider)
Vue.component('g-footer', Footer)
Vue.component('g-tabs', Tabs)
Vue.component('g-nav', TabsNav)
Vue.component('g-item', TabsItem)
Vue.component('g-content', TabsContent)
Vue.component('g-pane', TabsPane)
Vue.component('g-popover', Popover)
Vue.component('g-collapse',Collapse)
Vue.component('g-collapse-item',CollapseItem)

new Vue({
  el: '#app',
  data: {
    loading1: false,
    loading2: false,
    message: '0',
    navName:'cba',
    name:null

  },
  updated() {
  },
  methods: {
    yyy(){
      console.log(1)
    },
    showToast1() {
      this.showToast('middle')
    },
    showToast2() {
      this.showToast('bottom')
    },
    showToast(position) {
      this.$toast('你的支付宝有一笔转账待查收', {
        position,
        closeButton: {
          text: '关闭',
          callback(toast) {
            console.log(toast.log())
          }
        }
      })
    }
  }
})


